<template>
	<view class="wrap">
		<zy-grid :grid-list=gridList :host-list="hostList" :show-tip="true" :col="3"></zy-grid>
	</view>
</template>

<script>
	import zyGrid from './component/zy-grid.vue'
	export default {
		components: {
			zyGrid
		},
		data() {
			return {
				// 热搜榜
				hostList:[
					{
						name:'微博热搜',
						icon: 'icon-xinlangweibo',
						iconColor: '#ff0000'
					},
					{
						name:'知乎热榜',
						icon: 'icon-zhihu1',
						iconColor: '#1418ff'
					},
					{
						name:'24h热文榜',
						icon: 'icon-weixin',
						iconColor: '#00aa00'
					},
					{
						name:'实时热点',
						icon: 'icon-baidu',
						iconColor: '#5555ff'
					}
				],
				gridList: [ //格子数据列表
					{
						name: '朋友圈文案',
						icon: 'icon-pengyouquan',
						iconColor: '#73e700',
						tips: '',
						code: '1008'
					},
					{
						name: '土味情话',
						icon: 'icon-qinghua',
						iconColor: '#ff38c1',
						tips: '',
						code: '1001'
					},
					{
						name: '精神语录',
						icon: 'icon-jingshenxinlike',
						iconColor: '#55ffff',
						tips: '',
						code: '1002'
					},
					{
						name: '网易云热评',
						icon: 'icon-wangyiyunyinle-',
						iconColor: '#ff0000',
						code: '1003',
						tips: ''
					},
					{
						name: '成人笑话',
						icon: 'icon-xiaohua',
						iconColor: '#aa0000',
						code: '1004',
						tips: ''
					},
					{
						name: '奇葩对话',
						icon: 'icon-qipaxiulogo',
						iconColor: '#005500',
						code: '1005',
						tips: ''
					},
					{
						name: '舔狗日记',
						icon: 'icon-gou',
						iconColor: '#aa5500',
						code: '1006',
						tips: ''
					},
					{
						name: '毒鸡汤',
						icon: 'icon-ji',
						iconColor: '#00aa00',
						code: '1007',
						tips: ''
					},
					{
						name: '骂人宝典',
						icon: 'icon-maren',
						iconColor: '#aaaa00',
						code:'1009',
						tips: ''
					},
					{
						name: '动画',
						icon: 'icon-donghua',
						iconColor: '#00007f',
						code:'2001',
						tips: ''
					},
					{
						name: '漫画',
						icon: 'icon-manhua',
						iconColor: '#aa007f',
						code:'2002',
						tips: ''
					},
					{
						name: '游戏',
						icon: 'icon-youxitianchong',
						iconColor: '#00557f',
						code:'2003',
						tips: ''
					},
					{
						name: '文学',
						icon: 'icon-ziyuan',
						iconColor: '#00aa7f',
						code:'2004',
						tips: ''
					},
					{
						name: '原创',
						icon: 'icon-weibiaoti-',
						iconColor: '#aaaa7f',
						code:'2005',
						tips: ''
					},
					{
						name: '影视',
						icon: 'icon-liebiaodaohang_yingshi',
						iconColor: '#aa00ff',
						code:'2008',
						tips: ''
					},
					{
						name: '诗词',
						icon: 'icon-shicidaquan',
						iconColor: '#0055ff',
						code:'2009',
						tips: ''
					},
					{
						name: '网易云',
						icon: 'icon-wangyiyunyinle-',
						iconColor: '#ff38c1',
						code:'2010',
						tips: ''
					},
					{
						name: '哲学',
						icon: 'icon-H_zhexue',
						iconColor: '#ffaa00',
						code:'2011',
						tips: ''
					},
					{
						name: '其他',
						icon: 'icon-qita',
						iconColor: '#5555ff',
						code:'2007',
						tips: ''
					}
					
				]
			}
		}
	}
</script>

<style lang="scss" scoped>
	.wrap {
		padding: 0 20upx;
	}
</style>
